<template>
  <div id='app'>
       <!-- 箭头 -->
    <van-icon name="arrow-left" class="arrows-position" size="2rem" @click="outGo"/>
    <!-- 箭头 -->
      <img :src="$route.query.icon" alt="" class="ClassificationDetails-pic">
      <p class="ClassificationDetails-name">{{$route.query.name}}</p>

  </div>
</template>

<script>
export default {
  data () {
    return {
      list: []
    }
  },
  methods: {
    outGo(){
      this.$router.back()
    }

  },
  mounted() {

  },
  components: {

  }
}
</script>

<style lang='scss'>
.ClassificationDetails-pic{
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-top: 5vh;

}
.ClassificationDetails-name{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
}
.arrows-position{
   position: fixed;
  left: 3vw;
  top: 1vh;
  z-index: 766;
}

</style>
